<template>
  <div class="bd">
    <asides></asides>
    <headers></headers>
  </div>
</template>

<script>
  import asides from './aside/aside';
  import headers from './header/header';

  export default {
    name: 'index',
    data() {
      return {};
    },
    components: {
      asides,
      headers
    }
  };
</script>

<style scoped>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }

  .el-aside {
    color: #333;
  }

  .bd{
    display: flex;
  }
</style>
